<template>
	<div class="layout">
		<SideBar style="float: left"></SideBar>
		<div class="main">
			<NavBar />
			<TagsView />
			<!-- 内容容器 -->
			<div class="app-body">
				<!-- 二级路由 -->
				<router-view />
			</div>
		</div>
		<!-- <el-button class="iconfont icon-system set" type="primary" circle></el-button> -->
	</div>
</template>

<script setup>
import SideBar from '@/components/SideBar/index.vue';
import NavBar from '@/components/NavBar/index.vue';
import TagsView from '@/components/TagsView/index.vue';
import { onMounted } from 'vue';
// import { menuStore } from '@/store';

// const menu = menuStore();
onMounted(() => {
	// menu.clearTabList(menu.routePath);
	console.log(123);
});
</script>

<style lang="scss" scoped>
.layout {
	width: 100%;
	height: 100%;
	display: flex;
}

.main {
	flex: 1;
	height: 100%;
	padding: 10px 0;
	line-height: 1;
	overflow: hidden;
}

.set {
	position: absolute;
	top: 48%;
	right: 0;
}

.app-body {
	height: 100%;
	margin-left: 10px;
	margin-top: 5px;
}
</style>
